<template>
    <view class="fix-modal">
       <view class="modal-box">
       	   <image class="modal-img" :src="img" mode="widthFix"/>
		   <view class="bth-box">
		   	   <button type="default">取消</button>
			   <button type="default">重新登录</button>
		   </view>
       </view>
    </view>
</template>

<script>
export default {
    name: 'dialog',
    data() {
        return {
            visible: true,
            img: '/static/warning.png'
        };
    },
};
</script>

<style lang='scss' scoped>
.fix-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999999999999;
    overflow-y: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
	.modal-box{
		width: 40vw;
		background-color: #fff;
		border-radius: 12rpx;
		.modal-img{
			width: 40%;
		}
	}
}
</style>